/* 统计卡片样式 */
.stats-card {
  background-color: #fff;
  border-radius: 16px;
  padding: 30px;
  margin-bottom: 20px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

/* 新增容器，用于整体居中 */
.stats-container {
  display: flex;
  margin: 70px;
  align-items: center; // 垂直居中
  justify-content: space-between; // 左右撑开
  gap: 80px; // 左右内容之间加间距
}

.left-stats {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: left; // 文字靠左对齐
}

.stat-item {
  display: flex;
  align-items: center;
  margin: 10px 0;
  gap: 12px; // 文字与数字之间的间距
}

.stat-label {
  color: #666;
  font-size: 42px;
}

.stat-value {
  color: #333;
  font-size: 42px;
  font-weight: bold;
}

.right-circle {
  width: 230px;
  height: 230px;
  border-radius: 50%;
  background-color: #e6f4ff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}

.circle-value {
  color: #098afa;
  font-size: 42px;
  font-weight: bold;
}

.circle-label {
  color: #666;
  font-size: 42px;
  margin-top: 4px;
}
/* 题型选择区域 */
.question-types {
  background-color: #fff;
  border-radius: 16px;
  margin-bottom: 20px;
  gap: 80px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.type-item {
  display: flex;
  align-items: center; // 图标和文字垂直居中
  padding: 18px 20px;
  border-bottom: 1px solid #f5f5f5;

  // 删除默认的 justify-content: space-between（如果有的话）
  // 让图标和文字不再左右撑开，改为靠左排列
  // gap: 12px; // 如果你想使用 gap 控制间距

  .nut-icon, // NutUI IconFont 类名
  .type-text {
    margin-right: 12px; // 图标与文字之间的间距
  }

  .type-text {
    color: #333;
    font-size: 42px;
  }
}

/* 刷错题按钮 */
.btn-container {
  padding:  10px;
}

.review-btn {
  width: 100%;
  height: 80px;
  background-color: #1890ff;
  border-radius: 25px;
  font-size: 42px;
}